<!--{*--><link href="../css/gallery.css" rel="stylesheet" type="text/css"><!--*}-->
<!--{*<div style="background-color:red; height:200px;">{include file='images/homepage-bannners.php'}</div>*}-->

<div class="search-form">
<form method="post" action="images-search-public.php" name="images-livesearch" id="images-livesearch-form">
	<div class="search-bar">
		<input type="text" name="search_images" value="{$search_images}" id="search_images" />
		<input type="submit" name="search-button" value="Search" class="submit" />
		multi-words match: eg. 
		<strong>table<span style="color:#FF0000">/</span>smile</strong>,
		<strong>fruit<span style="color:#FF0000">/</span>winter</strong>
		(slash or comma separated)
	</div>
	<div id="livesearch-results"></div>
</form>
</div>

{if $imagess|count}

<!--{*
<div class="image-block">
{section name='l' loop=$imagess}
<div class="image-unit">
		<a href="images-details-public.php?id={$imagess[l].image_id}&amp;code={$imagess[l].code}">
			<!--<img src="images-preview.php?id={$imagess[l].image_id}&amp;code={$imagess[l].code}" class="thumbnail-tiny" />-- >
			<img src="images-preview.php?id={$imagess[l].image_id}&amp;code={$imagess[l].code}&amp;thumbnail=true" class="thumbnail-tiny-front" />
		</a>
</div>
{/section}
</div>
*}-->

<div class="image-gallery">
{section name='l' loop=$imagess}
  <div class="image-unit">
    <h2 class="image-title"><a href="images-details-public.php?id={$imagess[l].image_id}&amp;code={$imagess[l].code}" title="{$imagess[l].image_caption|utf8}">{$imagess[l].image_caption|default:#DEFAULT_IMAGE_CAPTION#}</a></h2>
    <div class="image-holder">
      <p class="image-frame">
	  	<img src="image/{'THUMBNAIL_HOMEPAGE_SIZE_ID'|constant}/{$imagess[l].image_id}.jpg" alt="" title="" />
		<!-- images-preview.php?id={$imagess[l].image_id}&amp;code={$imagess[l].code}&amp;thumbnail=true -->
		</p>
      <div class="image-description">
        <div class="image-readout">
			<div>{$imagess[l].image_description_short|default:#DEFAULT_IMAGE_DESCRIPTION#}</div>
			<p>
				<a href="{$imagess[l].image_id|facebook:$imagess[l].image_caption}">Facebook</a> |
				<a href="image/{$imagess[l].image_id}.jpg">Thumbnail</a>
			</p>
		</div>
        <div class="image-links">
			<p><a href="image.php?id={$imagess[l].image_id}&amp;code={$imagess[l].code}" class="image-link">View Details</a></p>
		</div>
      </div>
    </div>
  </div>
{/section}
</div>
<div class="clear" style="clear:both;"></div>
<script type="text/javascript" src="js/gallery-frontend.js"></script>
<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


<div class="clear"></div>

<!-- paginator -->
{if $pagination->has_pages()}
<div class="paginator">
	<span class="introduction">Jump to page: </span>
	
	<!--{* wrap with <ul>...</ul> tags when using ulli=true parameter. *}-->
	<!--{* <ul> *}-->
	{paginate separator=' ' ulli=false source=$pagination}
	<!--{* <ul> *}-->
</div>
{/if}

{else}
	<div class="nodata">You do not have any records here.</div>
{/if}

<!-- End of images List (Public) -->